<div class="app-combo-list" [ngStyle]="tagData.cssStyle | styleFilter">
    <div class="header" [ngStyle]="tagData.data?.headDiv?.cssStyle | styleFilter">
      {{tagData.data?.headDiv?.titleImg?.title}}<span
        [ngStyle]="tagData.data?.headDiv?.labelCssStyle | styleFilter">{{tagData.data?.headDiv?.titleImg?.label}}</span>
    </div>

    <div class="content-x">

        <div class="content-list" *ngFor="let item of listData;let i = index">
          <div class="content-list-title" [ngStyle]="item.title?.fistText?.cssStyle | styleFilter">{{item.title?.fistText?.label}}</div>
          <div class="content-list-discount" [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft?.firstText?.label}}</div>
          <div class="content-list-bottom">
            <div class="bottom-price">
              <div class="left" [ngStyle]="item.secondRowLeft?.firstText?.secondText?.unitCssStyle | styleFilter">
                {{item.secondRowLeft?.firstText?.secondText?.unitLeft}}
              </div>
              <div class="right" [ngStyle]="item.secondRowLeft?.firstText?.secondText?.cssStyle | styleFilter">
                {{item.secondRowLeft?.firstText?.secondText?.label}}
              </div>
            </div>
            <div class="bottom-btn" appDebounceClick (debounceClick)="openPage(item.link)" [ngStyle]="item.buttonRight?.firstText?.cssStyle | styleFilter">
              {{item.buttonRight?.firstText?.label}}
              <img class="bottom-btn-img" src="assets/icon/combo_btn@3x.png">
            </div>
          </div>
        </div>    
        
        <ion-infinite-scroll *ngIf="tagData.data.submit &&  (pageSize * pageNo < pageTotal) " threshold="5%"
          (ionInfinite)="loadMoreData($event)">
          <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
          </ion-infinite-scroll-content>
        </ion-infinite-scroll>
    </div>
</div>
